//index.js
//获取应用实例
const app = getApp()
// import sds from 'http://runjs.cn/gist/xr5uqeze/all'
Page({
  data: {
    url:''
  },
  
  onLoad: function (options) {
    var id = encodeURIComponent(options.id);
    var cover = encodeURIComponent(options.cover);
    var title = encodeURIComponent(options.title || '');
    var userName = encodeURIComponent(options.userName);
    var avatarUrl = encodeURIComponent(options.avatarUrl);
    var mediaType = encodeURIComponent(options.mediaType);
    this.setData({
      id,
      cover,
      title,
      userName,
      avatarUrl,
      mediaType,
      // url: app.globalData.frontJSHost + 'cc-knowledge-web/redirect/poster?id=' + id + '&cover=' + cover + '&title=' + title + '&userName=' + userName + '&avatarUrl=' + avatarUrl + '&mediaType=' + mediaType,
      url: 'https://m2.chuangchuang.cn/cc-knowledge-web/redirect/poster?id='+id+'&cover='+cover+'&title='+title+'&userName='+userName+'&avatarUrl='+avatarUrl+'&mediaType='+mediaType,
    })
    console.log(this.data.url)
  },
  // canvas 暂时不要删掉
  onShow: function () {
    // var that = this;
    // //1. 请求后端API生成小程序码
    // // that.getQr();

    // //2. canvas绘制文字和图片
    // const ctx = wx.createCanvasContext('myCanvas');
    // var imgPath = 'http://image.chuangchuang.cn/chuangchuang/cc_other/20180203/20180203_1517637725771.png'
    // var imgPath2 = 'http://image.chuangchuang.cn/chuangchuang/cc_other/20180203/20180203_1517637725970.png';
    // // var imgPath = '../../images/haibao.png'
    // // var imgPath2 = '../../images/haibao2.png';
    // // var imgPath3='../../images/girl.jpg'
    // ctx.drawImage(imgPath, 0, 0, 750, 610);
    // ctx.drawImage(imgPath2, 0, 610, 750, 610);


    // // ctx.setFillStyle('red');
    // // ctx.fillRect(0, 100, 600,400);
    // // const grd = ctx.createLinearGradient(0, 0, 200, 0)
    // // grd.addColorStop(0, 'red')
    // // grd.addColorStop(1, 'white')
    // // ctx.setFillStyle(grd)
    // // ctx.fillRect(10, 100, 150, 80)

    // // ctx.drawImage(imgPath3, 300, 700, 150, 150);
    // // ctx.drawImage(bgImgPath, 100, 100, 60, 60);
    // // ctx.drawImage(imgPath, 410, 610, 160, 160);
    // ctx.setFontSize(28)
    // ctx.setFillStyle('#6F6F6F')
    // function draw_long_text(longtext, cxt, begin_width, begin_height) {
    //   var linelenght = 3;
    //   var text = "";
    //   var count = 0;
    //   var begin_width = begin_width;
    //   var begin_height = begin_height;
    //   var stringLenght = longtext.length;
    //   var newtext = longtext.split("");
    //   var context = cxt;
    //   context.clearRect(0, 0, 600, 300);
    //   context.textAlign = 'left';

    //   for (var i = 0; i <= stringLenght; i++) {

    //     if (count == 3) {
    //       context.fillText(text, begin_width, begin_height);
    //       begin_height = begin_height + 25;
    //       text = "";
    //       count = 0;
    //     }
    //     if (i == stringLenght) {
    //       context.fillText(text, begin_width, begin_height);
    //     }
    //     var text = text + newtext[0];
    //     count++;
    //     newtext.shift();
    //   }
    // }
    // // ctx.fillText('妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵', 20, 30)
    // // draw_long_text('妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵妖妖灵', ctx, 20, 30)
    // // ctx.setFontSize(30)
    // // ctx.setFillStyle('#111111')
    // // ctx.fillText('宠友们快来围观萌宠靓照', 30, 660)
    // // ctx.fillText('我在萌爪幼稚园', 30, 700)

    // // ctx.setFontSize(24)
    // // ctx.fillText('长按扫码查看详情', 30, 770)
    // ctx.draw(false, function (e) {
    //   that.goimg()
    // })
   

  },
  goimg() {
    var that = this;
    var token = (wx.getStorageSync('Token_date') && wx.getStorageSync('Token_date').Token) || '';
    // wx.chooseImage({
    //   count: 1, // 默认9
    //   sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    //   sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    //   success: function (res) {
    //     // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    //     var tempFilePaths = res.tempFilePaths
    //     wx.uploadFile({
    //       url: 'https://m2.chuangchuang.cn/cc-huodong-web/uploadImageFiles?token=' + encodeURIComponent(token), //仅为示例，非真实的接口地址
    //       filePath: tempFilePaths[0],
    //       name: 'files',
    //       success: function (res) {
    //         let states = JSON.parse(res.data)
    //         if (states.status) {
    //           console.log(states);
             
    //           that.setData({ goodsPhoto: states.data[0].url})
              
    //         }
    //       },
    //       file: function () {
            
    //       }
    //     })
    //   }
    // })
    // console.log(sfdsfs)
    // 3. canvas画布转成图片
    wx.canvasToTempFilePath({
      x: 0,
      y: 0,
      // width: 600,
      // height: 750,
      destWidth: 750,
      destHeight: 1220,
      canvasId: 'myCanvas',
      success: function (res) {
        console.log(res.tempFilePath);
        var tempFilePaths = res.tempFilePath
        wx.uploadFile({
          url: 'https://m2.chuangchuang.cn/cc-huodong-web/uploadImageFiles?token=' + encodeURIComponent(token), //仅为示例，非真实的接口地址
          filePath: tempFilePaths,
          name: 'files',
          success: function (res) {
            let states = JSON.parse(res.data)
            if (states.status) {
              console.log(states);

              that.setData({ goodsPhoto: states.data[0].url })

            }
          },
          file: function () {

          }
        })
        
      },
      fail: function (res) {
        console.log(res)
      }
    })
    //4. 当用户点击分享到朋友圈时，将图片保存到相册
    wx.saveImageToPhotosAlbum({
      filePath: that.data.shareImgSrc,
      success(res) {
        wx.showModal({
          title: '存图成功',
          content: '图片成功保存到相册了，去发圈噻~',
          showCancel: false,
          confirmText: '好哒',
          confirmColor: '#72B9C3',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定');
            }
            that.hideShareImg()
          }
        })
      }
    })
  }
})
